{include file="cabecalho1.tpl" css="cliente_cadastro" titulo="Livraria Ebenezer" javascript="jquery.cliente_cadastro"}
{include file="menu1.tpl"}
<div class="clear_meio"></div>
<div id="conteudo">
    <div class="titulo">
        <div class="titulo_conteudo_esq"></div>
        <div class="titulo_conteudo_meio">
            <div class="clear_up"></div>
            CADASTRO
        </div>
        <div class="titulo_conteudo_dir"></div>
    </div>
    <div id="lateral_esquerda"></div>
    <div id="corpo">
        <div class="detalhe_borda_sup"></div>
        <div class="clear_up"></div>
        <div class="abas">
            <div class="clear_left"></div>
            <div class="aba">
                <div class="clear_up"></div>
                Pessoa Física
            </div>
        </div>
        <div class="abas_lateral_direita"></div>

        <div id="dados">
            <div class="clear_up"></div>            
            <div class="titulo">Dados Pessoais</div>
            <form action="{$_URLSITE}/cliente_cadastro.LE" method="post" id="myform">
                <div id="campos">
                    {if $erros}
                        <div class="clear_erros_left"></div>
                        <div id="div_erros">
                            <table class="erros" style="color: red">
                                <tr>
                                    <td colspan="2" style="text-align: center">
                                        <img src="{$_FOTOSADMIN}/error_icon.png" />
                                        <span>Lista de Erros</span>
                                    </td>
                                </tr>
                            {section name=i loop=$erros}
                             {if $smarty.section.i.index % 2 == 0}
                                <tr class="erro">
                             {/if}
                                    <td class="erro">{$erros[i].erro}</td>
                            {if $smarty.section.i.index % 2 != 0}  </tr> {/if}
                            {/section}
                            </table>
                        </div>
                        <div class="clear_up"></div>
                        <div style="height: 2px; float: left"></div>
                    {/if}
                    <div class="detalhe_borda_sup"></div>
                    <div class="clear_left"></div>
                    <span class="observacao">Campos marcados com
                        <img src="{$_FOTOS}/cadastro_barrinha_vermelha.png" alt="barrinha"/>
                        são de preenchimento obrigatório.
                    </span>
                    
                    <div id="dados_pessoais" class="tipo_dados">
                        <div class="clear_up"></div>
                        <span class="campo">*Nome Completo:</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="nome" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <span class="campo">Data de Nascimento:</span><br />
                        <input class="nao_obrigatorio data" type="text" name="data_nascimento" /> <span class="campo_obs">(Opcional)</span> <br />
                        <div class="clear_up"></div>
                        <span class="campo">*CPF</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="cpf" class="cpf" size="14" maxlength="14" required="required" /><br />
                        </div><br />
                        <span class="campo">*RG</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="rg" size="10" maxlength="10" required="required" /><br />
                        </div><br />
                        <span class="campo">*CEP</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="cep" class="cep" size="9" maxlength="9" required="required" /><br />
                        </div><br />
                        <span class="campo">*Endereço</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="rua" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <span class="campo">Complemento</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="complemento" size="60" maxlength="60" /><br />
                        </div><br />
                        <span class="campo">*Numero</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="numero" size="20" maxlength="20" /><br />
                        </div><br />
                        <span class="campo">*Estado</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="estado" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <span class="campo">*Bairro</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="bairro" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <span class="campo">*Cidade</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="cidade" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <div class="clear_up"></div>
                    </div>
                    <div id="telefones" class="tipo_dados">
                        <div class="clear_up"></div>
                        <span class="campo">Telefone Fixo:</span><br />
                        <input class="nao_obrigatorio fone" type="text" name="fone" maxlength="13"/>
                        <span class="campo_obs">(##)####-#### (Opcional)</span> <br />
                        <div class="clear_up"></div>
                        <span class="campo">Cel:</span><br />
                        <input class="nao_obrigatorio fone" type="text" name="cel" maxlength="13"/>
                        <div class="clear_up"></div>
                        <span class="campo_obs">(##)####-#### (Opcional)</span> <br />
                        <div class="clear_up"></div>
                    </div>
                    <div id="dados_login" class="tipo_dados">
                        <div class="clear_up"></div>
                        <span class="campo">*E-mail</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="email" size="60" maxlength="60" required="required" /><br />
                        </div><br />                        
                        <span class="campo">*Login</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="text" name="login" size="60" maxlength="60" required="required" /><br />
                        </div><br />
                        <span class="campo">*Senha</span><br />
                        <div class="input_obrigatorio">
                            <div class="barra"></div>
                            <input type="password" name="senha" size="8" maxlength="8" required="required" /><br />
                        </div><br />
                        <!--
                        <input type="checkbox" name="receber_email" value="1" />
                        <span class="campo">Desejo receber e-mails promocionais</span><br />
                        -->
                    </div>
                    <div class="clear_up"></div>
                </div>
                <div id="enviar_dados_cadastro">
                    <div class="esquerda"></div>
                    <div class="meio">
                        <div class="clear_up"></div>
                        <div class="clear_left"></div>
                        <input class="button_submit" type="submit" value="" />
                    </div>
                    <div class="direita"></div>
                </div>
            </form>
        </div>
    </div>
    <div id="lateral_direita"></div>
    <div class="clear_up"></div>
    <div id="promocoes">
        <div class="clear_left"></div>
        <div class="seta">
            <div class="clear_up"></div>
            <a href="#" class="nexte"><img src="{$_FOTOS}/seta_esquerda.png" alt="esquerda" /></a>
        </div>
        <div class="prods anyClasse">
            <ul>
                {foreach from=$produtosAnuncio item=produtoAnuncio}
                    <li>
                        <a href="{$_URLSITE}/produto_detalhe/{$produtoAnuncio.codigo},,{$produtoAnuncio.titulo|convertlink}.LE">
                            <div class="prod">
                                <div class="titulo">{$produtoAnuncio.titulo|truncate:20:'...'}</div>
                                <div class="clear_up"></div>
                                <div class="imagem">
                                    <img height="60" {if $produtoAnuncio.imagem} src="{$produtoAnuncio.imagem}" {else} src="{$_FOTOSPRODUTOS}/livro_desconhecido.png" {/if} title="{$produtoAnuncio.titulo}" alt="{$produtoAnuncio.titulo}" />
                                </div>
                                <div class="clear_up"></div>
                                <div class="preco">R$ {$produtoAnuncio.preco|number_format:2:",":"."}</div>
                                <div class="clear_up"></div>
                                <img src="{$_FOTOS}/botao_comprar2.png" alt="comprar" /><br />
                            </div>
                        </a>
                    </li>
               {/foreach}
            </ul>
        </div>
        <div class="seta">
            <div class="clear_up"></div>
            <a href="#" class="preve"><img src="{$_FOTOS}/seta_direita.png" alt="direita" /></a>
        </div>
    </div>
</div>
{include file="rodape1.tpl"}
<script type="text/javascript">
    {if $cadastro}
        {literal}
            $(document).ready(function(){
                jAlert('Cadastrado com Sucesso!', 'Confirmação de Cadastro');
            });
        {/literal}
    {/if}
    {if $editado}
    {literal}
        $(document).ready(function(){
            jAlert('Editado com Sucesso!', 'Confirmação de Edição');
        });
    {/literal}
{/if}
</script>